<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>商城首页</title>
  <link rel="stylesheet" href="css/index.min.css">
  <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.css">
  <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
  <script src="https://unpkg.com/swiper/swiper-bundle.js"> </script>
  <script src="https://unpkg.com/swiper/swiper-bundle.min.js"> </script>
  <script src='js/require.js' defer async='true' data-main='js/main'></script>

</head>

<body>
  <!-- 头部 -->
  <div class="header">
    <div id="lenovo_logo">
      <a href="">
        <img src="images/logo.jpg" alt="">
      </a>
    </div>
    <div class="header_nav">
      <div class="content">
        <ul class="ul_nav">
          <li class="lis"><a href=""></a>联想首页</li>
          <li class="lis"><a href=""></a>商城</li>
          <li class="lis"><a href=""></a>品牌</li>
          <li class="lis"><a href=""></a>服务</li>
          <li class="lis"><a href=""></a>社区</li>
          <li class="lis"><a href=""></a>门店</li>
          <li class="lis"><a href=""></a>下载APP</li>
        </ul>
        <div class="ul_r">
          <div class="login_register">
            <a href="" class="register">注册</a>
            <i class="vertical-line"></i>
            <a href="" class="login">登录</a>
            <div class="phone">
              <img src="images/phone.png" alt="">
              <div class="phone_hover"></div>
            </div>
          </div>

        </div>

      </div>

      <!-- 登录后？ -->
    </div>
  </div>


  <!-- 二级菜单 -->
  <div class="header_box_bg">
    <div class="header_box">
      <ul class="ul">
        <li class="lis"><a href="" class="ass">新品</a></li>
        <li class="lis"><a href="" class="ass">私人定制</a></li>
        <li class="lis"><a href="" class="ass">合伙人</a></li>
        <li class="lis"><a href="" class="ass"> 以旧换新</a></li>
        <li class="lis"><a href="" class="ass">0元试用</a></li>
        <li class="lis"><a href="" class="ass">积分商城</a></li>
        <li class="lis"><a href="" class="ass">颐和园</a></li>
        <li class="lis"><a href="" class="ass">直播</a></li>
      </ul>
      <div class="ul_box">
        <!-- 搜索 -->
        <div class="search_btn"><img src="images/searchbtn.png" alt=""></div>
        <!-- <div class="search">
          <div class="search_input_bg"></div>
          <a tag='searchButton' class="search_box_img"><span></span></a>
          <input type="text" value="818">
        </div> -->

        <div class="search">
          <div class="logo_text">
            <div class="search_box think_search_header">
              <div style="display: none">
                <object id="plugin0" type="application/x-rloader">
                  <param name="onload" value="pluginLoaded" />
                </object>
              </div>


              <div class="search_input_bg"></div>
              <a tag='searchButton' class="serch_box_img" latag="latag_pc_search_confirm"><span></span></a>
              <input type="text" latag="latag_pc_search_keyword" />
              <i id="remove_keyword"></i>
              <ul class="resou_keyword">
              </ul>
              <div id="suggestContainer"></div>
            </div>
          </div>
        </div>
      </div>
    </div>


  </div>

  <!-- 轮播图 -->
  <div style="height:470px;overflow:hidden;">
    <!-- <div class="swiper-moto" imgCount="10" wapSlideType="slide" wapSlidePaging="bullets" style="width: px;"> -->
    <div class="swiper-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide" style="height: 470px;background:url(images/swiper1.jpg) center center  no-repeat">
          <a style="display:block;width:100%;height:470px;" style="display:block;" target="_blank" href=""></a></div>
        <div class="swiper-slide" style="height: 470px;background:url(images/swiper2.jpg) center center  no-repeat"><a
            style="display:block;width:100%;height:470px;" style="display:block;" target="_blank" href=""></a></div>
        <div class="swiper-slide" style="height: 470px;background:url(images/swiper3.jpg) center center  no-repeat"><a
            style="display:block;width:100%;height:470px;" style="display:block;" target="_blank" href=""></a></div>
        <div class="swiper-slide" style="height: 470px;background:url(images/swiper4.jpg) center center  no-repeat"><a
            style="display:block;width:100%;height:470px;" style="display:block;" target="_blank" href=""></a></div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
        <!-- 如果需要导航按钮 -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>

        <!-- 如果需要滚动条 -->
        <div class="swiper-scrollbar"></div>
      </div>
      <!-- </div> -->
    </div>

    <!-- 导航 -->
    <div class="shop_banner_n" style="display: block;">
      <div class="shop_nav_c clearfix">
        <div class="list_nav">
          <ul>
            <li>
              <div class="list_name">
                <a href="" target="_blank" class="list_nm" style="height:25.5px;line-height:25.5px">Lenovo电脑<span
                    class="list_usepng list_icona"></span>
                </a>
                <div class="list_cont" style="display: none; top: -1px;">
                  <div class="list_rt">
                    <a href="" target="_blank">
                      <!-- <img class="classification_img" src="dist/images/classification1.jpg"> -->
                    </a>
                    <a href="" target="_blank">
                      <!-- <img class="classification_img" src="dist/images/classification2.jpg"> -->
                    </a>
                  </div>
                  <div class="list_lt">
                    <div class="list_lta">
                      <p>
                        <a href="" target="_blank">游戏本</a>
                      </p>
                      <ul class="clearfix">
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                      </ul>
                    </div>
                  </div>
                  <div class="list_lt">
                    <div class="list_lta">
                      <p>
                        <a href="" target="_blank">游戏本</a>
                      </p>
                      <ul class="clearfix">
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                      </ul>
                    </div>
                  </div>
                  <div class="list_lt">
                    <div class="list_lta">
                      <p>
                        <a href="" target="_blank">游戏本</a>
                      </p>
                      <ul class="clearfix">
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                      </ul>
                    </div>
                  </div>

                </div>
              </div>
            </li>
            <li>
              <div class="list_name">
                <a href="" target="_blank" class="list_nm" style="height:25.5px;line-height:25.5px">Thinkpad电脑<span
                    class="list_usepng list_icona"></span>
                </a>
                <div class="list_cont" style="display: none; top: -1px;">
                  <div class="list_rt">
                    <a href="" target="_blank">
                      <!-- <img class="classification_img" src="dist/images/classification1.jpg"> -->
                    </a>
                    <a href="" target="_blank">
                      <!-- <img class="classification_img" src="dist/images/classification2.jpg"> -->
                    </a>
                  </div>
                  <div class="list_lt">
                    <div class="list_lta">
                      <p>
                        <a href="" target="_blank">游戏本</a>
                      </p>
                      <ul class="clearfix">
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                      </ul>
                    </div>
                  </div>
                  <div class="list_lt">
                    <div class="list_lta">
                      <p>
                        <a href="" target="_blank">游戏本</a>
                      </p>
                      <ul class="clearfix">
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                      </ul>
                    </div>
                  </div>
                  <div class="list_lt">
                    <div class="list_lta">
                      <p>
                        <a href="" target="_blank">游戏本</a>
                      </p>
                      <ul class="clearfix">
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                      </ul>
                    </div>
                  </div>

                </div>
              </div>
            </li>
            <li>
              <div class="list_name">
                <a href="" target="_blank" class="list_nm" style="height:25.5px;line-height:25.5px">手机/通信<span
                    class="list_usepng list_icona"></span>
                </a>
                <div class="list_cont" style="display: none; top: -1px;">
                  <div class="list_rt">
                    <a href="" target="_blank">
                      <!-- <img class="classification_img" src="dist/images/classification1.jpg"> -->
                    </a>
                    <a href="" target="_blank">
                      <!-- <img class="classification_img" src="dist/images/classification2.jpg"> -->
                    </a>
                  </div>
                  <div class="list_lt">
                    <div class="list_lta">
                      <p>
                        <a href="" target="_blank">游戏本</a>
                      </p>
                      <ul class="clearfix">
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                      </ul>
                    </div>
                  </div>
                  <div class="list_lt">
                    <div class="list_lta">
                      <p>
                        <a href="" target="_blank">游戏本</a>
                      </p>
                      <ul class="clearfix">
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                      </ul>
                    </div>
                  </div>
                  <div class="list_lt">
                    <div class="list_lta">
                      <p>
                        <a href="" target="_blank">游戏本</a>
                      </p>
                      <ul class="clearfix">
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                      </ul>
                    </div>
                  </div>

                </div>
              </div>
            </li>
            <li>
              <div class="list_name">
                <a href="" target="_blank" class="list_nm" style="height:25.5px;line-height:25.5px">智能产品<span
                    class="list_usepng list_icona"></span>
                </a>
                <div class="list_cont" style="display: none; top: -1px;">
                  <div class="list_rt">
                    <a href="" target="_blank">
                      <!-- <img class="classification_img" src="dist/images/classification1.jpg"> -->
                    </a>
                    <a href="" target="_blank">
                      <!-- <img class="classification_img" src="dist/images/classification2.jpg"> -->
                    </a>
                  </div>
                  <div class="list_lt">
                    <div class="list_lta">
                      <p>
                        <a href="" target="_blank">游戏本</a>
                      </p>
                      <ul class="clearfix">
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                      </ul>
                    </div>
                  </div>
                  <div class="list_lt">
                    <div class="list_lta">
                      <p>
                        <a href="" target="_blank">游戏本</a>
                      </p>
                      <ul class="clearfix">
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                      </ul>
                    </div>
                  </div>
                  <div class="list_lt">
                    <div class="list_lta">
                      <p>
                        <a href="" target="_blank">游戏本</a>
                      </p>
                      <ul class="clearfix">
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                      </ul>
                    </div>
                  </div>

                </div>
              </div>
            </li>
            <li>
              <div class="list_name">
                <a href="" target="_blank" class="list_nm" style="height:25.5px;line-height:25.5px">平板电脑<span
                    class="list_usepng list_icona"></span>
                </a>
                <div class="list_cont" style="display: none; top: -1px;">
                  <div class="list_rt">
                    <a href="" target="_blank">
                      <!-- <img class="classification_img" src="dist/images/classification1.jpg"> -->
                    </a>
                    <a href="" target="_blank">
                      <!-- <img class="classification_img" src="dist/images/classification2.jpg"> -->
                    </a>
                  </div>
                  <div class="list_lt">
                    <div class="list_lta">
                      <p>
                        <a href="" target="_blank">游戏本</a>
                      </p>
                      <ul class="clearfix">
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                      </ul>
                    </div>
                  </div>
                  <div class="list_lt">
                    <div class="list_lta">
                      <p>
                        <a href="" target="_blank">游戏本</a>
                      </p>
                      <ul class="clearfix">
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                      </ul>
                    </div>
                  </div>
                  <div class="list_lt">
                    <div class="list_lta">
                      <p>
                        <a href="" target="_blank">游戏本</a>
                      </p>
                      <ul class="clearfix">
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                      </ul>
                    </div>
                  </div>

                </div>
              </div>
            </li>
            <li>
              <div class="list_name">
                <a href="" target="_blank" class="list_nm" style="height:25.5px;line-height:25.5px">配件/办公<span
                    class="list_usepng list_icona"></span>
                </a>
                <div class="list_cont" style="display: none; top: -1px;">
                  <div class="list_rt">
                    <a href="" target="_blank">
                      <!-- <img class="classification_img" src="dist/images/classification1.jpg"> -->
                    </a>
                    <a href="" target="_blank">
                      <!-- <img class="classification_img" src="dist/images/classification2.jpg"> -->
                    </a>
                  </div>
                  <div class="list_lt">
                    <div class="list_lta">
                      <p>
                        <a href="" target="_blank">游戏本</a>
                      </p>
                      <ul class="clearfix">
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                      </ul>
                    </div>
                  </div>
                  <div class="list_lt">
                    <div class="list_lta">
                      <p>
                        <a href="" target="_blank">游戏本</a>
                      </p>
                      <ul class="clearfix">
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                      </ul>
                    </div>
                  </div>
                  <div class="list_lt">
                    <div class="list_lta">
                      <p>
                        <a href="" target="_blank">游戏本</a>
                      </p>
                      <ul class="clearfix">
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                      </ul>
                    </div>
                  </div>

                </div>
              </div>
            </li>
            <li>
              <div class="list_name">
                <a href="" target="_blank" class="list_nm" style="height:25.5px;line-height:25.5px">增值服务<span
                    class="list_usepng list_icona"></span>
                </a>
                <div class="list_cont" style="display: none; top: -1px;">
                  <div class="list_rt">
                    <a href="" target="_blank">
                      <!-- <img class="classification_img" src="dist/images/classification1.jpg"> -->
                    </a>
                    <a href="" target="_blank">
                      <!-- <img class="classification_img" src="dist/images/classification2.jpg"> -->
                    </a>
                  </div>
                  <div class="list_lt">
                    <div class="list_lta">
                      <p>
                        <a href="" target="_blank">游戏本</a>
                      </p>
                      <ul class="clearfix">
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                      </ul>
                    </div>
                  </div>
                  <div class="list_lt">
                    <div class="list_lta">
                      <p>
                        <a href="" target="_blank">游戏本</a>
                      </p>
                      <ul class="clearfix">
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                      </ul>
                    </div>
                  </div>
                  <div class="list_lt">
                    <div class="list_lta">
                      <p>
                        <a href="" target="_blank">游戏本</a>
                      </p>
                      <ul class="clearfix">
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                        <li>
                          <a href="">拯救者Y7000</a>
                        </li>
                      </ul>
                    </div>
                  </div>

                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>


  <!-- 会员福利 -->
  <style>
    .option {
      background-color: #ffffff !important;
    }
  </style>
  <div class="option">
    <div class="quick-access-wrap " style="margin-top: px;">
      <div class="quick-access-cont">
        <ul class="quick-access-ul">
          <li class="quick-access-li" style="width:10%;">
            <a class="quick-access-link">
              <div class="center-wrap">
                <img class="quick-access-img cur-img" src="images/unvip.png" alt="会员福利">
                <img class="quick-access-img hover-img" src="images/vip.png" alt="会员福利">
                <span class="quick-access-txt">会员福利</span>
              </div>
            </a>
          </li>
          <li class="quick-access-li" style="width:10%;">
            <a class="quick-access-link">
              <div class="center-wrap">
                <img class="quick-access-img cur-img" src="images/undownload.png" alt="驱动下载">
                <img class="quick-access-img hover-img" src="download.png" alt="驱动下载">
                <span class="quick-access-txt">驱动下载</span>
              </div>
            </a>
          </li>
          <li class="quick-access-li" style="width:10%;">
            <a class="quick-access-link">
              <div class="center-wrap">
                <img class="quick-access-img cur-img" src="images/unstore.png" alt="小新店铺">
                <img class="quick-access-img hover-img" src="images/unstore.png" alt="小新店铺">
                <span class="quick-access-txt">小新店铺</span>
              </div>
            </a>
          </li>
          <li class="quick-access-li" style="width:10%;">
            <a class="quick-access-link">
              <div class="center-wrap">
                <img class="quick-access-img cur-img" src="images/unleague.png" alt="拯救者联盟">
                <img class="quick-access-img hover-img" src="images/league.png" alt="拯救者联盟">
                <span class="quick-access-txt">拯救者联盟</span>
              </div>
            </a>
          </li>
          <li class="quick-access-li" style="width:10%;">
            <a class="quick-access-link">
              <div class="center-wrap">
                <img class="quick-access-img cur-img" src="images/unthink.png" alt="Think家族">
                <img class="quick-access-img hover-img" src="images/think.png" alt="Think家族">
                <span class="quick-access-txt">Think家族</span>
              </div>
            </a>
          </li>
          <li class="quick-access-li" style="width:10%;">
            <a class="quick-access-link">
              <div class="center-wrap">
                <img class="quick-access-img cur-img" src="images/unphone.png" alt="手机新品">
                <img class="quick-access-img hover-img" src="images/phone.png" alt="手机新品">
                <span class="quick-access-txt">手机新品</span>
              </div>
            </a>
          </li>
          <li class="quick-access-li" style="width:10%;">
            <a class="quick-access-link">
              <div class="center-wrap">
                <img class="quick-access-img cur-img" src="images/unparadise.png" alt="刃天堂">
                <img class="quick-access-img hover-img" src="images/paradise.png" alt="刃天堂">
                <span class="quick-access-txt">刃天堂</span>
              </div>
            </a>
          </li>
          <li class="quick-access-li" style="width:10%;">
            <a class="quick-access-link">
              <div class="center-wrap">
                <img class="quick-access-img cur-img" src="images/unmouse.png" alt="选件">
                <img class="quick-access-img hover-img" src="images/mouse.png" alt="选件">
                <span class="quick-access-txt">选件</span>
              </div>
            </a>
          </li>
          <li class="quick-access-li" style="width:10%;">
            <a class="quick-access-link">
              <div class="center-wrap">
                <img class="quick-access-img cur-img" src="images/unsmart.png" alt="智能">
                <img class="quick-access-img hover-img" src="images/smart.png" alt="智能">
                <span class="quick-access-txt">智能</span>
              </div>
            </a>
          </li>
          <li class="quick-access-li" style="width:10%;">
            <a class="quick-access-link">
              <div class="center-wrap">
                <img class="quick-access-img cur-img" src="images/unservice.png" alt="服务">
                <img class="quick-access-img hover-img" src="images/service.png" alt="服务">
                <span class="quick-access-txt">服务</span>
              </div>
            </a>
        </ul>
      </div>
    </div>
  </div>


  <!-- 秒杀 -->
  <style>
    .flash {
      background-color: #f5f5f5 !important;
    }
  </style>

  <div class="flash">
    <div>
      <div class="flash-wrap">
        <div class="flash-cont-wrap">
          <a id="flash-countdown-link">
            <div class="flash-left">
              <div class="flash-left-title">
                <i class="left-txt-icon"></i>
              </div>
              <div class="flash-left-icon">
                <i class="slash-icon"></i>
              </div>
              <!-- <div class="flash-left-countdown">
              </div> -->
            </div>
          </a>

          <div class="flash-middle">
            <div class="middle-countdown-cont">
              <ul class="middle-countdown-ul">
                <li class="middle-countdown-li active cur_countdown" data-shopid="1" tab="1" id="393"
                  data-starttime="1598155200000" latag="latag_pc_秒杀_场次_0_12:00_null" data-id="393">
                  <div class="middle-countdown-item"><span class="middle-round">12:00</span><i
                      class="middle-round-txt">场</i>-<span class="current-round-txt">正在抢购</span></div>
                </li>
              </ul>
            </div>
            <div class="middle-product-list">
              <div class="selkill-pro-placeholder">
                <ul class="middle-product-list-ul">
                  <li class="middle-product-list-li"><a href="">
                      <div class="product-detail-img"><img class="pro-thumbnail" src="/images/seckillproduct1.jpg"
                          alt=""></div>
                      <div class="product-detail-title"><span class="pro-detail-txt"
                          title="联想（Lenovo） KN100无线键鼠套装">联想（Lenovo） KN100无线键鼠套装</span></div>
                      <div class="product-detail-icons">
                        <div class="pro-icon seckill"><i class="pro-icon-pic"></i><span class="pro-icon-txt">1元秒</span>
                        </div>
                      </div>
                      <div class="product-detail-price">
                        <div class="pro-cur-price"><span class="currency-sign">¥</span><span class="pro-price">1</span>
                        </div>
                        <div class="pro-del-price"><span class="del-sign">¥</span><span class="del-price">99</span>
                        </div>
                      </div>
                    </a>
                  </li>
                  <li class="middle-product-list-li"><a href="">
                      <div class="product-detail-img"><img class="pro-thumbnail" src="/images/seckillproduct1.jpg"
                          alt=""></div>
                      <div class="product-detail-title"><span class="pro-detail-txt"
                          title="联想（Lenovo） KN100无线键鼠套装">联想（Lenovo） KN100无线键鼠套装</span></div>
                      <div class="product-detail-icons">
                        <div class="pro-icon seckill"><i class="pro-icon-pic"></i><span class="pro-icon-txt">1元秒</span>
                        </div>
                      </div>
                      <div class="product-detail-price">
                        <div class="pro-cur-price"><span class="currency-sign">¥</span><span class="pro-price">1</span>
                        </div>
                        <div class="pro-del-price"><span class="del-sign">¥</span><span class="del-price">99</span>
                        </div>
                      </div>
                    </a>
                  </li>
                  <li class="middle-product-list-li"><a href="">
                      <div class="product-detail-img"><img class="pro-thumbnail" src="/images/seckillproduct1.jpg"
                          alt=""></div>
                      <div class="product-detail-title"><span class="pro-detail-txt"
                          title="联想（Lenovo） KN100无线键鼠套装">联想（Lenovo） KN100无线键鼠套装</span></div>
                      <div class="product-detail-icons">
                        <div class="pro-icon seckill"><i class="pro-icon-pic"></i><span class="pro-icon-txt">1元秒</span>
                        </div>
                      </div>
                      <div class="product-detail-price">
                        <div class="pro-cur-price"><span class="currency-sign">¥</span><span class="pro-price">1</span>
                        </div>
                        <div class="pro-del-price"><span class="del-sign">¥</span><span class="del-price">99</span>
                        </div>
                      </div>
                    </a>
                  </li>
                  <li class="middle-product-list-li"><a href="">
                      <div class="product-detail-img"><img class="pro-thumbnail" src="/images/seckillproduct1.jpg"
                          alt=""></div>
                      <div class="product-detail-title"><span class="pro-detail-txt"
                          title="联想（Lenovo） KN100无线键鼠套装">联想（Lenovo） KN100无线键鼠套装</span></div>
                      <div class="product-detail-icons">
                        <div class="pro-icon seckill"><i class="pro-icon-pic"></i><span class="pro-icon-txt">1元秒</span>
                        </div>
                      </div>
                      <div class="product-detail-price">
                        <div class="pro-cur-price"><span class="currency-sign">¥</span><span class="pro-price">1</span>
                        </div>
                        <div class="pro-del-price"><span class="del-sign">¥</span><span class="del-price">99</span>
                        </div>
                      </div>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="flash-right">
            <div class="right-center-cont">
              <a>
                <span>更多秒杀</span>
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  </div>
</body>

</html>